{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} ? {% endblock %} - Python Django Webapp</title>
    <link rel="stylesheet" href="{% static 'css/base.css' %}">
    <link rel="stylesheet" href="{% static 'css/uikit.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/uikit.gradient.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/awesome.css' %}">
    <link rel="stylesheet" href="{% static 'editor.md-master/css/editormd.css' %}">
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/sha1.min.js' %}"></script>
    <script src="{% static 'js/uikit.min.js' %}"></script>
    <script src="{% static 'js/sticky.min.js' %}"></script>
    <script src="{% static 'js/vue.min.js' %}"></script>
    <script src="{% static 'js/awesome.js' %}"></script>
    <script src="{% static 'editor.md-master/editormd.js' %}"></script>
    {% block beforehead %}<!-- before head  -->{% endblock %}
</head>
<body>

    <div class="top-bar">
        <div class="top-container">
            <a class="top-name" href="">CreatorLy</a>
            <ul class="uk-navbar-nav">
                <li><a href=""><i class="uk-icon-home"></i>首页</a></li>
                <li><a href="">近期文章</a></li>
                <li><a href="">分类</a></li>
                <li><a target="_blank" href="">关于</a></li>
            </ul>

            <div class="uk-navbar-flip">
                <ul class="uk-navbar-nav">
                    <li><a href="/cms/login/"><i class="uk-icon-sign-in"></i>登录</a></li>
                    <li><a href="/cms/register/"><i class="uk-icon-edit"></i>注册</a></li>
                </ul>
            </div>

        </div>

    </div>

    <div class="main-bar">
        <div class="main-container">

            <div id="left-bar" class="left-bar">
                {% block left-body %}{% endblock %}
            </div>

            <div id="middle-bar" class="middle-bar">
                {% block middle-body %}{% endblock %}
            </div>

            <div id="right-bar" class="right-bar">
                {% block right-body %}{% endblock %}
            </div>

        </div>
    </div>

    <div class="bottom-bar">
        <div class="uk-container uk-container-center uk-text-center">
                <p>
                    Powered by <a href="http://www.liaoxuefeng.com/">www.liaoxuefeng.com</a>. Copyright &copy; 2014. [<a href="/cms/users/" target="_blank">Manage</a>]
                    <a target="_blank" href="http://weibo.com/liaoxuefeng" class="uk-icon-button uk-icon-weibo"></a>
                    <a target="_blank" href="https://github.com/michaelliao" class="uk-icon-button uk-icon-github"></a>
                    <a target="_blank" href="http://www.linkedin.com/in/liaoxuefeng" class="uk-icon-button uk-icon-linkedin-square"></a>
                    <a target="_blank" href="https://twitter.com/liaoxuefeng" class="uk-icon-button uk-icon-twitter"></a>
                </p>
        </div>
    </div>
</body>
</html>